<!--
  ~ Electronic Logistics Management Information System (eLMIS) is a supply chain management system for health commodities in a developing country setting.
  ~
  ~ Copyright (C) 2015  John Snow, Inc (JSI). This program was produced for the U.S. Agency for International Development (USAID). It was prepared under the USAID | DELIVER PROJECT, Task Order 4.
  ~
  ~ This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
  ~
  ~ This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more details.
  ~
  ~ You should have received a copy of the GNU Affero General Public License along with this program.  If not, see <http://www.gnu.org/licenses/>.
  -->


<div ng-show="analyticData.length > 0">

    <table ng-show="analyticData.length > 0"
           class="table table-striped table-scrollable pull-left"
           ng-table="tableParams">

        <tbody>
        <tr ng-repeat="feature in analyticData">

            <td style="text-align: left;" data-title="'Pending at'"><span
                    openlmis-message="label.rnr.status.summary.{{feature.status}}"></span></td>
            <td style="font-weight: bold;text-align: left;"  data-title="'Expected'">{{feature.expected}}</td>
            <td style="font-weight: bold;text-align: left;"  data-title="'Processed'">{{feature.totalRnRStatus}}</td>
            <td style="font-weight: bold;text-align: left;"  data-title="'% Processed'">
                <div class="number" style="float:right;">{{((feature.totalRnRStatus / feature.expected) *
                    100).toFixed(0)}} %
                </div>
                <div class="progress" style="margin-bottom:0px;width:80%">
                    <div class="bar bar-success leaflet-clickable" ng-click="onDetailClicked(feature, this)"
                         style="width: {{((feature.totalRnRStatus / feature.expected) * 100).toFixed(2)}}%">
                    </div>
                    <div class="bar bar-danger leaflet-clickable" ng-click="onDetailClicked(feature, this)"
                         style="width: {{(100 - ((feature.totalRnRStatus / feature.expected) * 100).toFixed(2))}}%">
                    </div>

                </div>

            </td>

        </tr>
        </tbody>
    </table>
</div>


